*{
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}

body {
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
}

html, body, #app {
  height: 100%;
}



div, p {
  box-sizing: border-box;
}

p, ul, li {
  margin: 0;
  padding: 0;
}

ul, li {
  list-style:none
}
.container{
  width: 1140px;
  margin: 0 auto;
}
 .vue-puzzle-overflow {
  overflow: auto !important;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  background-color: #8b8484;
  /* 关键代码 */
  // background-image: -webkit-linear-gradient(45deg,
  //     rgba(255, 255, 255, 0.4) 25%,
  //     transparent 25%,
  //     transparent 50%,
  //     rgba(255, 255, 255, 0.4) 50%,
  //     rgba(255, 255, 255, 0.4) 75%,
  //     transparent 75%,
  //     transparent);
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  // border-radius: 32px;
}
.container {
  width: 62.5%;
  margin: 0 auto;
  padding: 0;
}
/* 拖拽列样式 */
.sortable-ghost {
  opacity: .8;
  color: #fff !important;
  background: #42b983 !important;
}